{% load static %}
{% load i18n %}
<!DOCTYPE html>
<html lang='zh-CN'>
<head>
	<title>{% trans "用户注册" %} - {% if site_name != None %}{{site_name}} {% else %}{% trans "觅思文档" %}{% endif %}</title>
	<meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
	<link rel="stylesheet" href="{% static 'layui/css/layui.css' %}" crossorigin="anonymous">
    <link rel="icon" href="{% static 'search/mrdoc_logo_300.png' %}" sizes="192x192" />
    <style>
        body{
            background-color: #fafafa;
            text-align: center;
        }
        .container{
            display: flex;
            display: -webkit-flex;
            justify-content: center;
            align-items: center;
        }
        .login-form{
            margin-top: 5%;
            padding: 20px 50px 20px 60px;
            background-color: #fff;
            -webkit-box-shadow: #666 0px 0px 10px;
           -moz-box-shadow: #666 0px 0px 10px;
           box-shadow: #666 0px 0px 10px;
        }
        .register-link{
            font-size: 12px;
        }
        .layui-btn-normal{
        background-color: #2176ff !important;
    }
        /* 移动端输入框样式 */
        @media screen and (max-width: 450px){
            .layui-form-item .layui-input-inline {
                display: block;
                float: none;
                left: -3px;
                width: auto;
                margin: 0;
            }
        }
        h3{
            color: #666;
        }
    </style>
</head>
<body background="{% static 'PearAdminLayui/admin/images/background.svg' %}">
    <div class="container">
        <div></div>
        <div></div>
        <div class="login-form">
            <form class="layui-form" action="{% url 'register' %}"  method='POST'>
                {% csrf_token %}
                <div class="layui-form-item">
                    <img src="{% static 'mrdoc_logo_ridus.png' %}" style="width: 60px;height: 60px;margin-bottom: 10px;" />
                    <h3><strong>{% trans "注册" %} - {% if site_name != None %}{{site_name}} {% else %}{% trans "觅思文档" %}{% endif %}</strong></h3>
                </div>
                <span style='color:red;margin-bottom: 10px;'>{{ errormsg }}</span>
                {% if enable_register_code %}
                <div class="layui-form-item">
                    <div class="layui-input-inline">
                      <input type="text" name="register_code" required  lay-verify="required" placeholder="请输入注册码" autocomplete="off" class="layui-input" >
                    </div>
                </div>
                {% endif %}
                <div class="layui-form-item">
                    <div class="layui-input-inline">
                      <input type="text" name="username" required  lay-verify="required" placeholder="请输入用户名，不少于5位" autocomplete="off" class="layui-input" value="{{username}}">
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-inline">
                      <input type="email" name="email" required  lay-verify="required" placeholder="请输入电子邮箱" autocomplete="off" class="layui-input" value="{{email}}">
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-inline">
                      <input type="password" name="password" required  lay-verify="required" placeholder="请输入密码，不少于6位" autocomplete="off" class="layui-input" value="{{password}}">
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-inline">
                        <input type="text" class="layui-input" placeholder="请输入验证码" name="check_code" autocomplete="off">
                            <img src="{% url 'check_code' %}" onclick="ChangeCode(this);">
                            <script>
                                // 点击一次,更改图片内容,
                                function ChangeCode(ths){
                                    ths.src = ths.src + '?';
                                }
                            </script>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-inline">
                        <button class="layui-btn layui-btn-fluid layui-btn-radius  layui-btn-normal" lay-submit lay-filter="formDemo" type="submit">注册并登录</button>
                    </div>
                </div>
                 <a href="{% url 'login' %}" class="register-link">{% trans "返回登录" %}</a>
                 <a href="{% url 'pro_list' %}" class="register-link">{% trans "返回首页" %}</a>
                 <hr>
                 <span style="font-size: 12px;color: #666;">觅思文档 - 私有云知识库部署方案</span> 
            </form>
        </div>
    </div>
</body>
</html>